草庐IT

Bootstrap 模态框(Modal)插件

全部标签

javascript - 在 Bootstrap 模式中验证输入文本

我想在不使用任何框架的情况下验证Bootstrap模式中的表单。它实际上是一个简单的模式,只有一个输入文本和两个按钮“关闭”和“发送”。用户应在输入框中键入他/她的姓名,然后单击发送。表单通过方法post发送。我想要做的是,如果用户没有在的输入框中输入任何内容并单击“发送”按钮,输入框应该有一个红色边框环绕它而不是默认的蓝色边框。这是我的模态代码:×MymodalPleaseenteryourname:NameCloseSend我尝试使用javascript将输入文本的类更改为has-error但它不会生成红色轮廓。当我点击发送时,它通过post方法发送空值而不是这是我的j

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - d.stopPropagation 不是 bootstrap select-picker 的函数

我的网站有一个问题,选择器在很多时候工作正常,但没有对代码进行任何更改,选择器停止工作。错误是:bootstrap-select.min.js:7UncaughtTypeError:d.stopPropagationisnotafunction我已经尝试更新库的版本,但我尝试过的所有版本(1.10、1.7、1.6和1.5)看起来都存在同样的问题。你能给我一些关于正在发生的事情的想法吗?如果您能在网站上看到该控制台,那就太棒了。 最佳答案 确保选择器在设置值之前已完全初始化:$('.selectpicker').selectpicke

javascript - 作为 Vue 插件的一部分将 Mutations 添加到 Vuex store

我正在创建一个小型Vue插件,允许用户从任何组件中添加“页面通知”。我已经成功地实现了类似的东西:this.$notifications.add("一条消息");而且有效!但是我必须注册我的插件所需的突变和操作,作为为我的应用程序设置其余商店的文件的一部分:exportdefaultnewVuex.Store({...})有没有办法从我的插件中向我的商店添加操作和变更?目前看起来像这样:importvuexfrom'./../store';constMyPlugin={install(Vue,options){//4.addaninstancemethodVue.prototype.$

javascript - Twitter Bootstrap 标签颠倒

我使用了TwitterBootstrap(http://twitter.github.io/bootstrap/javascript.html#tabs)选项卡功能,但我希望它是颠倒的,内容显示在顶部,TabMenuNav显示在底部!这可能吗?有什么解决方法吗? 最佳答案 使用以下CSS获得您期望的效果。我向.tab-content类添加了边框以使内容突出显示。.tab-content{padding:10px;border:1pxsolid#ddd;border-bottom:0px;}.nav-tabs{border-botto

javascript - tinymce 插件对话框关闭时的事件

tinymce.PluginManager将使用windowManager.open()打开一个对话框。可以使用windowManager.close()手动关闭对话框。这由http://www.tinymce.com/wiki.php/api4:class.tinymce.Plugin描述.也可以通过单击右上角的“X”关闭该对话框。我想在对话框关闭时执行一些脚本。在我看来,有两种选择。选项1。理想情况下,我可以添加一个回调,该回调将在对话框关闭时执行。我已经搜索了文档,但无法确定这是否可行。选项2。当我使用windowManager.close()手动关闭对话框时,我可以在这样做之前

javascript - 当用户在 Popover 外部单击时关闭 Bootstrap Popover

我有一些动态加载到包含弹出窗口的网页上​​的内容。出于这个原因,我必须将它们绑定(bind)到body上,以便它们正确加载和显示。我想找到一种方法来在用户点击弹出窗口外或另一个弹出窗口触发器时隐藏弹出窗口。我发现,如果我“隐藏”弹出窗口,弹出窗口确实会隐藏,但元素仍保留在DOM中。这意味着弹出窗口中的事件链接仍然是“可点击的”。如果我改为销毁弹出窗口,它会隐藏,但如果单击则无法重新激活。隐藏弹出窗口的唯一可靠方法是使用“切换”。这增加了确定要隐藏哪些弹出窗口的复杂性。请参阅thisJSFiddle所有这些代码。HTMLhttp://www.yahoo.com"class="some-p

javascript - bootstrap datepicker 显示选择的默认日期

我正在使用Bootstrap日期选择器,我是applyingthesetdatefunction.即,$('.datepicker').datepicker('setDate',newDate(2011,2,5));这工作正常,但未选择指定的日期。 最佳答案 使用setDate方法选择日期后,您需要更新datepicker以便在datepicker中获取所选日期。之前:$('#datepicker').datepicker('setDate',newDate(2011,2,5));$('#datepicker').datepicke

java - 当 Bootstrap 调用远程模式时,Google reCaptcha 不会加载

我在第一页中定义了这样的内容:signin在第一页的末尾:这是我的第二页:(.../login-i)×LogintoDashboardsigninSignUpNow!!实际上我是在用这种方式调用远程模式。但是当我点击登录按钮时,reCaptcha没有被加载,这将显示:Reloadthepagetogetsourcefor:http://api.recaptcha.net/challenge...我还注意到加载脚本时状态码是302:这是什么问题???(让你知道我是否在没有模态的情况下加载页面登录-ireCaptcha确实显示)这里是项目的简化版,大家可以看看...https:

javascript - 测试元素是否已经有 Bootstrap 日期选择器

我正在开发一个具有多个实现的相当大的软件平台。以前有一个使用jQueryUIdatepicker的实现,我现在正在使用Bootstrapdatepicker进行界面改造。有没有办法让我测试Bootstrap日期选择器是否已经附加到某个元素,比如说这个请注意,我不是在询问Bootstrap日期选择器是否已加载,如thisqestion中那样.我宁愿要求测试,类似于thisone用于jQueryUI日期选择器。 最佳答案 当您在元素上使用bootstrap-datepicker时,它会在.data("datepicker")中添加一个对